<template>
  <!-- 商家服务 -->
  <div class="service-bd">
    <detail-title
    icon="icon-service"
    title="商家服务"
    ></detail-title>
    <div class="service-wrap">
      <div class="stop-car">停车场：{{service && service.parking ? '有' : '无'}}</div>
      <div class="wifi">WIFI: {{service && service.wifi ? '有' : '无'}}</div>
    </div>
  </div>
</template>

<script>
import DetailTitle from './Title.vue'
export default {
  name: 'DetailService',
  components: {
    DetailTitle
  },
  props: {
    service: Object
  }
}
</script>

<style lang="scss" scoped>
.service-bd {
  margin-top: .1rem;
}
.service-wrap {
  padding: .1rem;
  background-color: #fff;
  .stop-car {
    font-size: .14rem;
  }
  .wifi {
    margin-top: .05rem;
    font-size: .14rem;
  }
}
</style>